<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>case.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-3.1.0.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
	
		$(function(){
			//非委派 相同的选择器绑定的事件 后续添加相同的dom元素  不会绑定该事件
			/*$("input[name='t']").click(function(){
				alert("点击了按钮")
			})*/
			//委派 事件的传播性
			$(document).on("click","input[name='t']",function(){
				alert("点击了按钮");
			})
			
			$("#cr").click(function(){
				//新增按钮
				$(document.body).append("<input name='t' type='button' value='新增按钮'>");
			})
		})	
	</script>
  </head>
  <body>
  	<input name="t" type="button" value="点击1">
	<input name="t" type="button" value="点击2">
  	  <input id="cr" type="button" value="新增按钮l"/>
  </body>
</html>
